<!DOCTYPE html>
<html lang="en">
<head>

<!-- start: Meta -->
<meta charset="utf-8">
<title>Optimus Dashboard</title>
<meta name="description"
	content="Optimus Dashboard Bootstrap Admin Template.">
<meta name="author" content="Łukasz Holeczek">
<!-- end: Meta -->

<!-- start: Mobile Specific -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- end: Mobile Specific -->

<!-- start: CSS -->
<link id="bootstrap-style" href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link id="base-style" href="css/style.css" rel="stylesheet">
<link id="base-style-responsive" href="css/style-responsive.css"
	rel="stylesheet">
<!-- end: CSS -->

<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

<!-- start: Favicon -->
<link rel="shortcut icon" href="img/favicon.ico">
<!-- end: Favicon -->

</head>

<body>
	<!-- start: Header -->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="container-fluid">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span> </a> <a class="brand" href="index.html"> <img
					alt="Optimus Dashboard" src="img/logo20.png" /> <span>Optimus
						Dashboard</span>
				</a>

				<!-- start: Header Menu -->
				<div class="btn-group pull-right">
					<a class="btn" href="#"> <i class="icon-warning-sign"></i><span
						class="hidden-phone hidden-tablet"> notifications</span> <span
						class="label label-important hidden-phone">2</span> <span
						class="label label-success hidden-phone">11</span> </a> <a class="btn"
						href="#"> <i class="icon-tasks"></i><span
						class="hidden-phone hidden-tablet"> tasks</span> <span
						class="label label-warning hidden-phone">17</span> </a> <a class="btn"
						href="#"> <i class="icon-envelope"></i><span
						class="hidden-phone hidden-tablet"> messages</span> <span
						class="label label-success hidden-phone">9</span> </a> <a class="btn"
						href="#"> <i class="icon-wrench"></i><span
						class="hidden-phone hidden-tablet"> settings</span> </a>
					<!-- start: User Dropdown -->
					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						<i class="icon-user"></i><span class="hidden-phone hidden-tablet">
							admin</span> <span class="caret"></span> </a>
					<ul class="dropdown-menu">
						<li><a href="#">Profile</a>
						</li>
						<li class="divider"></li>
						<li><a href="login.html">Logout</a>
						</li>
					</ul>
					<!-- end: User Dropdown -->
				</div>
				<!-- end: Header Menu -->

			</div>
		</div>
	</div>
	<div id="under-header"></div>
	<!-- start: Header -->

	<div class="container-fluid">
		<div class="row-fluid">

			<!-- start: Main Menu -->
			<div class="span2 main-menu-span">
				<div class="nav-collapse sidebar-nav">
					<ul class="nav nav-tabs nav-stacked main-menu">
						<li class="nav-header hidden-tablet">Navigation</li>
						<li><a href="index.html"><i class="icon-home"></i><span
								class="hidden-tablet"> Dashboard</span>
						</a>
						</li>
						<li><a href="ui.html"><i class="icon-eye-open"></i><span
								class="hidden-tablet"> UI Features</span>
						</a>
						</li>
						<li><a href="form.html"><i class="icon-edit"></i><span
								class="hidden-tablet"> Forms</span>
						</a>
						</li>
						<li><a href="chart.html"><i class="icon-list-alt"></i><span
								class="hidden-tablet"> Charts</span>
						</a>
						</li>
						<li><a href="typography.html"><i class="icon-font"></i><span
								class="hidden-tablet"> Typography</span>
						</a>
						</li>
						<li><a href="gallery.html"><i class="icon-picture"></i><span
								class="hidden-tablet"> Gallery</span>
						</a>
						</li>
						<li><a href="table.html"><i class="icon-align-justify"></i><span
								class="hidden-tablet"> Tables</span>
						</a>
						</li>
						<li><a href="calendar.html"><i class="icon-calendar"></i><span
								class="hidden-tablet"> Calendar</span>
						</a>
						</li>
						<li><a href="grid.html"><i class="icon-th"></i><span
								class="hidden-tablet"> Grid</span>
						</a>
						</li>
						<li><a href="file-manager.html"><i
								class="icon-folder-open"></i><span class="hidden-tablet">
									File Manager</span>
						</a>
						</li>
						<li><a href="icon.html"><i class="icon-star"></i><span
								class="hidden-tablet"> Icons</span>
						</a>
						</li>
						<li><a href="login.html"><i class="icon-lock"></i><span
								class="hidden-tablet"> Login Page</span>
						</a>
						</li>
					</ul>
				</div>
				<!--/.well -->
			</div>
			<!--/span-->
			<!-- end: Main Menu -->

			<noscript>
				<div class="alert alert-block span10">
					<h4 class="alert-heading">Warning!</h4>
					<p>
						You need to have <a href="http://en.wikipedia.org/wiki/JavaScript"
							target="_blank">JavaScript</a> enabled to use this site.
					</p>
				</div>
			</noscript>

			<div id="content" class="span10">
				<!-- start: Content -->


				<div>
					<ul class="breadcrumb">
						<li><a href="#">Home</a> <span class="divider">/</span></li>
						<li><a href="#">Grid</a></li>
					</ul>
				</div>

				<div class="row-fluid sortable">
					<div class="box span12">
						<div class="box-header">
							<h2>
								<i class="icon-th"></i><span class="break"></span>Grid 12
							</h2>
							<div class="box-icon">
								<a href="#" class="btn-setting"><i class="icon-wrench"></i>
								</a> <a href="#" class="btn-minimize"><i class="icon-chevron-up"></i>
								</a> <a href="#" class="btn-close"><i class="icon-remove"></i>
								</a>
							</div>
						</div>
						<div class="box-content">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
								sed do eiusmod tempor incididunt ut labore et dolore magna
								aliqua. Ut enim ad minim veniam, quis nostrud exercitation
								ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
								aute irure dolor in reprehenderit in voluptate velit esse cillum
								dolore eu fugiat nulla pariatur. Excepteur sint occaecat
								cupidatat non proident, sunt in culpa qui officia deserunt
								mollit anim id est laborum.</p>
						</div>
					</div>
					<!--/span-->
				</div>
				<!--/row-->

				<div class="row-fluid sortable">
					<div class="box span3">
						<div class="box-header">
							<h2>
								<i class="icon-th"></i><span class="break"></span>Grid 3
							</h2>
							<div class="box-icon">
								<a href="#" class="btn-close"><i class="icon-remove"></i>
								</a>
							</div>
						</div>
						<div class="box-content">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
								sed do eiusmod tempor incididunt ut labore et dolore magna
								aliqua. Ut enim ad minim veniam, quis nostrud exercitation
								ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
								aute irure dolor in reprehenderit in voluptate velit esse cillum
								dolore eu fugiat nulla pariatur. Excepteur sint occaecat
								cupidatat non proident, sunt in culpa qui officia deserunt
								mollit anim id est laborum.</p>
						</div>
					</div>
					<!--/span-->
					<div class="box span3">
						<div class="box-header">
							<h2>
								<i class="icon-th"></i><span class="break"></span>Grid 3
							</h2>
							<div class="box-icon">
								<a href="#" class="btn-close"><i class="icon-remove"></i>
								</a>
							</div>
						</div>
						<div class="box-content">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
								sed do eiusmod tempor incididunt ut labore et dolore magna
								aliqua. Ut enim ad minim veniam, quis nostrud exercitation
								ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
								aute irure dolor in reprehenderit in voluptate velit esse cillum
								dolore eu fugiat nulla pariatur. Excepteur sint occaecat
								cupidatat non proident, sunt in culpa qui officia deserunt
								mollit anim id est laborum.</p>
						</div>
					</div>
					<!--/span-->
					<div class="box span3">
						<div class="box-header">
							<h2>
								<i class="icon-th"></i><span class="break"></span>Grid 3
							</h2>
							<div class="box-icon">
								<a href="#" class="btn-close"><i class="icon-remove"></i>
								</a>
							</div>
						</div>
						<div class="box-content">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
								sed do eiusmod tempor incididunt ut labore et dolore magna
								aliqua. Ut enim ad minim veniam, quis nostrud exercitation
								ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
								aute irure dolor in reprehenderit in voluptate velit esse cillum
								dolore eu fugiat nulla pariatur. Excepteur sint occaecat
								cupidatat non proident, sunt in culpa qui officia deserunt
								mollit anim id est laborum.</p>
						</div>
					</div>
					<!--/span-->
					<div class="box span3">
						<div class="box-header">
							<h2>
								<i class="icon-th"></i><span class="break"></span>Grid 3
							</h2>
							<div class="box-icon">
								<a href="#" class="btn-close"><i class="icon-remove"></i>
								</a>
							</div>
						</div>
						<div class="box-content">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
								sed do eiusmod tempor incididunt ut labore et dolore magna
								aliqua. Ut enim ad minim veniam, quis nostrud exercitation
								ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
								aute irure dolor in reprehenderit in voluptate velit esse cillum
								dolore eu fugiat nulla pariatur. Excepteur sint occaecat
								cupidatat non proident, sunt in culpa qui officia deserunt
								mollit anim id est laborum.</p>
						</div>
					</div>
					<!--/row-->

					<div class="row-fluid sortable">
						<div class="box span6">
							<div class="box-header">
								<h2>
									<i class="icon-th"></i><span class="break"></span>Grid 6
								</h2>
								<div class="box-icon">
									<a href="#" class="btn-setting"><i class="icon-wrench"></i>
									</a> <a href="#" class="btn-minimize"><i
										class="icon-chevron-up"></i>
									</a> <a href="#" class="btn-close"><i class="icon-remove"></i>
									</a>
								</div>
							</div>
							<div class="box-content">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
									sed do eiusmod tempor incididunt ut labore et dolore magna
									aliqua. Ut enim ad minim veniam, quis nostrud exercitation
									ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
									aute irure dolor in reprehenderit in voluptate velit esse
									cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
									cupidatat non proident, sunt in culpa qui officia deserunt
									mollit anim id est laborum.</p>
							</div>
						</div>
						<!--/span-->

						<div class="box span6">
							<div class="box-header">
								<h2>
									<i class="icon-th"></i><span class="break"></span>Grid 6
								</h2>
								<div class="box-icon">
									<a href="#" class="btn-setting"><i class="icon-wrench"></i>
									</a> <a href="#" class="btn-minimize"><i
										class="icon-chevron-up"></i>
									</a> <a href="#" class="btn-close"><i class="icon-remove"></i>
									</a>
								</div>
							</div>
							<div class="box-content">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
									sed do eiusmod tempor incididunt ut labore et dolore magna
									aliqua. Ut enim ad minim veniam, quis nostrud exercitation
									ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
									aute irure dolor in reprehenderit in voluptate velit esse
									cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
									cupidatat non proident, sunt in culpa qui officia deserunt
									mollit anim id est laborum.</p>
							</div>
						</div>
						<!--/span-->
					</div>
					<!--/row-->
					<div class="row-fluid sortable">
						<div class="box span4">
							<div class="box-header">
								<h2>
									<i class="icon-th"></i><span class="break"></span>Grid 4
								</h2>
								<div class="box-icon">
									<a href="#" class="btn-setting"><i class="icon-wrench"></i>
									</a> <a href="#" class="btn-minimize"><i
										class="icon-chevron-up"></i>
									</a> <a href="#" class="btn-close"><i class="icon-remove"></i>
									</a>
								</div>
							</div>
							<div class="box-content">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
									sed do eiusmod tempor incididunt ut labore et dolore magna
									aliqua. Ut enim ad minim veniam, quis nostrud exercitation
									ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
									aute irure dolor in reprehenderit in voluptate velit esse
									cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
									cupidatat non proident, sunt in culpa qui officia deserunt
									mollit anim id est laborum.</p>
							</div>
						</div>
						<!--/span-->

						<div class="box span4">
							<div class="box-header">
								<h2>
									<i class="icon-th"></i><span class="break"></span>Grid 4
								</h2>
								<div class="box-icon">
									<a href="#" class="btn-setting"><i class="icon-wrench"></i>
									</a> <a href="#" class="btn-minimize"><i
										class="icon-chevron-up"></i>
									</a> <a href="#" class="btn-close"><i class="icon-remove"></i>
									</a>
								</div>
							</div>
							<div class="box-content">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
									sed do eiusmod tempor incididunt ut labore et dolore magna
									aliqua. Ut enim ad minim veniam, quis nostrud exercitation
									ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
									aute irure dolor in reprehenderit in voluptate velit esse
									cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
									cupidatat non proident, sunt in culpa qui officia deserunt
									mollit anim id est laborum.</p>
							</div>
						</div>
						<!--/span-->

						<div class="box span4">
							<div class="box-header">
								<h2>
									<i class="icon-th"></i><span class="break"></span>Grid 4
								</h2>
								<div class="box-icon">
									<a href="#" class="btn-setting"><i class="icon-wrench"></i>
									</a> <a href="#" class="btn-minimize"><i
										class="icon-chevron-up"></i>
									</a> <a href="#" class="btn-close"><i class="icon-remove"></i>
									</a>
								</div>
							</div>
							<div class="box-content">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
									sed do eiusmod tempor incididunt ut labore et dolore magna
									aliqua. Ut enim ad minim veniam, quis nostrud exercitation
									ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
									aute irure dolor in reprehenderit in voluptate velit esse
									cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
									cupidatat non proident, sunt in culpa qui officia deserunt
									mollit anim id est laborum.</p>
							</div>
						</div>
						<!--/span-->
					</div>
					<!--/row-->


					<!-- end: Content -->
				</div>
				<!--/#content.span10-->
			</div>
			<!--/fluid-row-->

			<div class="modal hide fade" id="myModal">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">×</button>
					<h3>Settings</h3>
				</div>
				<div class="modal-body">
					<p>Here settings can be configured...</p>
				</div>
				<div class="modal-footer">
					<a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#"
						class="btn btn-primary">Save changes</a>
				</div>
			</div>

			<div class="clearfix"></div>
			<hr>

			<footer>
				<p class="pull-left">
					&copy; <a href="" target="_blank">creativeLabs</a> 2012
				</p>
				<p class="pull-right">
					Powered by: <a href="#">Optimus Dashboard</a>
				</p>
			</footer>

		</div>
		<!--/.fluid-container-->

		<!-- start: JavaScript-->

		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/jquery-ui-1.8.21.custom.min.js"></script>

		<script src="js/bootstrap.js"></script>

		<script src="js/jquery.cookie.js"></script>

		<script src='js/fullcalendar.min.js'></script>

		<script src='js/jquery.dataTables.min.js'></script>

		<script src="js/excanvas.js"></script>
		<script src="js/jquery.flot.min.js"></script>
		<script src="js/jquery.flot.pie.min.js"></script>
		<script src="js/jquery.flot.stack.js"></script>
		<script src="js/jquery.flot.resize.min.js"></script>

		<script src="js/jquery.chosen.min.js"></script>

		<script src="js/jquery.uniform.min.js"></script>

		<script src="js/jquery.cleditor.min.js"></script>

		<script src="js/jquery.noty.js"></script>

		<script src="js/jquery.elfinder.min.js"></script>

		<script src="js/jquery.raty.min.js"></script>

		<script src="js/jquery.iphone.toggle.js"></script>

		<script src="js/jquery.uploadify-3.1.min.js"></script>

		<script src="js/jquery.gritter.min.js"></script>

		<script src="js/jquery.imagesloaded.js"></script>

		<script src="js/jquery.masonry.min.js"></script>

		<script src="js/custom.js"></script>

		<!-- end: JavaScript-->
</body>
</html>
